<template>
	<div class="content">
		<div class="content-lists-first">
			<div class="content-lists-first-one">

			</div>
			<div class="content-lists-first-tow">

			</div>
			<div class="content-lists-first-thr">

			</div>
		</div>
		<div class="content-lists-second">
			<div class="content-lists-second-one">

			</div>
			<div class="content-lists-second-tow">

			</div>
			<div class="content-lists-second-thr">

			</div>
		</div>
		<div class="content-lists-thr">
			<div class="content-lists-thr-one">

			</div>
			<div class="content-lists-thr-tow">

			</div>
			<div class="content-lists-thr-thr">

			</div>
		</div>
	</div>
</template>

<script>
	export default {

	}
</script>

<style lang="less" rel="stylesheet/less">
	.content {
		/*position: absolute*/
		top: 42px;
		width: 990px;
		height: 400px;
		background: yellow;
		.content-lists-first {
			flex: 1;
			background: red;
		}
		.content-lists-second {
			flex: 1;
			background: green;
		}
		.content-lists-thr {
			flex: 1;
			background: blue;
		}
	}
</style>